<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<title>POS</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<%@ include file="/WEB-INF/views/site/inc/head.jsp"%>
	</head>
	<body>
		<%@ include file="/WEB-INF/views/site/inc/nav.jsp"%>
		<!--pos产品-->
		<section class="sec_pos">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<h3 class="pos_title">POS机</h3>
						<div class="row">
							<c:forEach items="${posBigMapList}" var="posB" varStatus="b" begin="0" end="1">
								<div class="col-md-6">
									<a href="#"><img class="img-responsive" src="${posB['pictureUrl']}" ></a>
									<div class="product_xq">
										<a class="my_btn">查看详情</a>
									</div>
								</div>
							</c:forEach>
						</div>
						<div class="row">
							<c:forEach items="${posBigMapList}" var="posB" varStatus="b" begin="2" end="3">
								<div class="col-md-6">
									<a href="#"><img class="img-responsive" src="${posB['pictureUrl']}" ></a>
									<div class="product_xq">
										<a class="my_btn">查看详情</a>
									</div>
								</div>
							</c:forEach>
						</div>
						<div class="row">
							<c:forEach items="${posBigMapList}" var="posB" varStatus="b" begin="4" end="5">
								<div class="col-md-6">
									<a href="#"><img class="img-responsive" src="${posB['pictureUrl']}" ></a>
									<div class="product_xq">
										<a class="my_btn">查看详情</a>
									</div>
								</div>
							</c:forEach>
						</div>
						<%-- <div class="row">
							<div class="col-md-6">
								<a href="#"><img class="img-responsive" src="${ctxStatic}/custom/site/images/w-11.png"></a>
								<div class="product_xq">
									<a class="my_btn">查看详情</a>
								</div>
							</div>
							<div class="col-md-6">
								<a href="#"><img class="img-responsive" src="${ctxStatic}/custom/site/images/w-11.png"></a>
								<div class="product_xq">
									<a class="my_btn">查看详情</a>
								</div>
							</div>
						</div>
						 --%>
					</div>
					
					<div class="col-md-6">
						<h3 class="pos_title">手刷POS机</h3>
						<div class="row">
							<c:forEach items="${posSmallMapList}" var="posS" varStatus="s" begin="0" end="1">
								<div class="col-md-6">
									<a href="#"><img class="img-responsive" src="${posS['pictureUrl']}" ></a>
									<div class="product_xq">
										<a class="my_btn">查看详情</a>
									</div>
								</div>
							</c:forEach>
						</div>
						<div class="row">
							<c:forEach items="${posSmallMapList}" var="posS" varStatus="s" begin="2" end="3">
								<div class="col-md-6">
									<a href="#"><img class="img-responsive" src="${posS['pictureUrl']}" ></a>
									<div class="product_xq">
										<a class="my_btn">查看详情</a>
									</div>
								</div>
							</c:forEach>
						</div>
						<div class="row">
							<c:forEach items="${posSmallMapList}" var="posS" varStatus="s" begin="4" end="5">
								<div class="col-md-6">
									<a href="#"><img class="img-responsive" src="${posS['pictureUrl']}" ></a>
									<div class="product_xq">
										<a class="my_btn">查看详情</a>
									</div>
								</div>
							</c:forEach>
						</div>
						<%-- <div class="row">
							<div class="col-md-6">
								<a href="#"><img class="img-responsive" src="${ctxStatic}/custom/site/images/w-1.png"></a>
								<div class="product_xq">
									<a class="my_btn">查看详情</a>
								</div>
							</div>
							<div class="col-md-6">
								<a href="#"><img class="img-responsive" src="${ctxStatic}/custom/site/images/w-1.png"></a>
								<div class="product_xq">
									<a class="my_btn">查看详情</a>
								</div>
							</div>
						</div>
						 --%>
					</div>
				</div>
			</div>
		</section>
		<!--pos产品-->
		
		<!--Slider-Starts-Here-->
		<script src="${ctxStatic}/custom/site/js/responsiveslides.min.js"></script>
		<script>
			// You can also use "$(window).load(function() {"
			$(function() {
				// Slideshow 4
				$("#slider4").responsiveSlides({
					auto: true,
					pager: true,
					nav: true,
					speed: 500,
					namespace: "callbacks",
					before: function() {
						$('.events').append("<li>before event fired.</li>");
					},
					after: function() {
						$('.events').append("<li>after event fired.</li>");
					}
				});

			});
		</script>
		<!--End-slider-script-->
		<%@ include file="/WEB-INF/views/site/inc/footer.jsp"%>
	</body>
</html>